Page({
    data: {
      currentTab: 'recommend', // 默认显示推荐页
  
      // 🔥 热门推荐（展示一个最吸引人的项目）
      featuredRecommendation: {
        id: 1,
        name: '现代极简风格客厅设计',
        image: 'https://tse1-mm.cn.bing.net/th/id/OIP-C.Ku_FBRFb4NfdWrGhzsn9YgHaFe?rs=1&pid=ImgDetMain',
        description: '适用于小户型的极简风格设计，空间利用率高'
      },
  
      // 📚 推荐列表（建筑、室内类）
      recommendations: [
        { id: 2, name: '北欧风格卧室设计', image: 'https://ts1.tc.mm.bing.net/th/id/R-C.ca355ce16d376dbc754944043ba833df?rik=mNRhPYOExl5%2f8g&riu=http%3a%2f%2fwww.xuanlixgt.com%2fuploads%2fallimg%2f2017%2f1-1G230114341337.jpg&ehk=tjZLg3295AsZQQC2LOBLVeABBCypBK6lhnrqQix5t8A%3d&risl=&pid=ImgRaw&r=0' },
        { id: 3, name: '中式庭院建筑设计', image: 'https://tgi1.jia.com/128/220/28220921.jpg' },
        { id: 4, name: 'LOFT 工业风办公室设计', image: 'https://pic4.zhimg.com/v2-f785b572f39d1bca3c16c2323e9b9946_1440w.jpg?source=172ae18b' },
        { id: 5, name: 'SketchUp 初学者教程', image: 'https://tse1-mm.cn.bing.net/th/id/OIP-C.LSJ1L0Dvbm-btezeqdpAqwHaEJ?rs=1&pid=ImgDetMain' }
      ],
  
    // 🎮 VR 教学内容（VR 设备操作、场景交互等）
vrTeachings: [
    {
      id: 6,
      name: 'VR 设备基础操作指南',
      description: '教你如何正确佩戴头显、使用手柄进行空间定位',
      image: 'https://pic2.zhimg.com/v2-211c6f3578efc6622e0da602a4a0dec6_1440w.jpg?source=172ae18b'
    },
    {
      id: 7,
      name: 'VR 场景漫游交互教学',
      description: '学习在 VR 中自由走动、视角切换与物体互动技巧',
      image: 'https://ts1.tc.mm.bing.net/th/id/R-C.90e4732baec8bfe3d52dac8bf427af9d?rik=V2Z3kZ7aRJs%2fAQ&riu=http%3a%2f%2fpuui.qpic.cn%2fvpic_cover%2fv31251ss1qw%2fv31251ss1qw_hz.jpg%2f1280&ehk=9Vyue%2bBa0dv%2bj0Q5d5wvAX%2boYljY0zWf7grEO2NRCbo%3d&risl=&pid=ImgRaw&r=0'
    },
    {
      id: 8,
      name: 'VR 室内设计体验教程',
      description: '通过 VR 技术沉浸式查看并修改设计方案',
      image: 'https://img-blog.csdnimg.cn/20191012092702230.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhaXd1bGlhbndhbmc=,size_16,color_FFFFFF,t_70'
    }
  ],
  
      // 🖼️ VR 成品/动画（装修案例、建筑展示）
      vrProducts: [
        {
          id: 9,
          name: 'VR 装修预览：现代公寓',
          description: '沉浸式体验装修效果，提前感受家的模样',
          image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.Ooan53SiW1OFsIi9ziQJ7wHaDn?rs=1&pid=ImgDetMain'
        },
        {
          id: 10,
          name: '别墅三维漫游展示',
          description: '全景 VR 展示豪华别墅内部结构与布局',
          image: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.SiJGPPHhY244Pmgx1yzNbgHaER?rs=1&pid=ImgDetMain'
        },
        {
          id: 11,
          name: '商业展厅虚拟漫游',
          description: '通过 VR 技术参观未来商业展厅设计方案',
          image: 'https://ts1.tc.mm.bing.net/th/id/R-C.f520eb9bd0c9b44552c3f38c6b581174?rik=%2fPw4cOPdecUeXg&riu=http%3a%2f%2fwww.szhfhd.com%2fuploadfile%2f2022%2f0325%2f20220325034248362.png&ehk=YiWO3YynOxbKjMM5LgLIAb%2fgL%2fVPt%2bRYI26rgqr2NmM%3d&risl=&pid=ImgRaw&r=0'
        }
      ]
    },
  
    // Tab 切换函数
    switchTab(e) {
      const tab = e.currentTarget.dataset.tab;
      this.setData({ currentTab: tab });
    }
  });